<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ergo安健之源</title>

    <!-- bootstrap -->
    <link rel="stylesheet" href="./assets/css/bootstrap.min.css" />

    <!-- 动画 -->
    <link rel="stylesheet" href="./assets/css/animate.min.css" />

    <!-- 初始化 reset -->
    <link rel="stylesheet/less" href="./assets/css/reset.less" />

    <!-- 首页的样式 -->
    <link rel="stylesheet/less" href="./assets/css/index.less" />
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <div class="left"><span class="glyphicon glyphicon-list"></span></div>
        <div class="cent"><img src="./assets/images/logo.png" alt=""></div>
        <div class="right"><span class="glyphicon glyphicon-search"></span></div>
    </header>
    <!-- banner -->
    <div class="banner">
        <img src="./assets/images/banner.png" alt="">
    </div>
    <!-- 风险评估 -->
    <div class="risk">
        <div class="title">风险评估</div>
        <div class="grid">
            <ul>
                <li>
                    <div><img src="./assets/images/icon1.png" alt=""></div>
                    <p>办公室</p>
                </li>
                <li>
                    <div><img src="./assets/images/icon1.png" alt=""></div>
                    <p>办公室</p>
                </li>
                <li>
                    <div><img src="./assets/images/icon1.png" alt=""></div>
                    <p>办公室</p>
                </li>
                <li>
                    <div><img src="./assets/images/icon1.png" alt=""></div>
                    <p>办公室</p>
                </li>
            </ul>
        </div>
        <div class="photo">
            <ul>
                <li><img src="./assets/images/img1.png" alt=""></li>
                <li>
                    <h3>专业咨询</h3>
                    <a href="#">个人咨询</a>
                    <a href="#">企业咨询</a>
                </li>
                <li><img src="./assets/images/img1.png" alt=""></li>
                <li>
                    <h3>专业咨询</h3>
                    <a href="#">个人咨询</a>
                    <a href="#">企业咨询</a>
                </li>
                <li><img src="./assets/images/img1.png" alt=""></li>
                <li>
                    <h3>专业咨询</h3>
                    <a href="#">个人咨询</a>
                    <a href="#">企业咨询</a>
                </li>
            </ul>
        </div>
    </div>

    <!-- 人体工学介绍和应用 -->
    <div class="ergonomics">
        <div class="title">人体工学介绍和应用</div>
        <div class="photo"><img src="./assets/images/appback.png" alt=""></div>
        <div class="two App">
            <div class="item">
                <img src="./assets/images/002.png" alt="">
                <span>职业应用</span>
            </div>
            <div class="item">
                <img src="./assets/images/003.png" alt="">
                <span>职业应用</span>
            </div>
        </div>
        <div class="one App">
            <div class="item">
                <img src="./assets/images/001.png" alt="">
                <span>其他应用</span>
            </div>
        </div>
    </div>

    <!-- 联系我们 -->
    <div class="ContactUs">
        <div class="title">联系我们</div>
        <div class="phone">
            <img src="./assets/images/phone.png" alt="">
            <span>+86 15217196291</span>
        </div>
        <div class="email">
            <div class="left">
                <img src="./assets/images/app.png" alt="">
                <span>+86 15217196291</span>
            </div>
            <div class="right">
                <img src="./assets/images/emial.png" alt="">
                <span>ergo168@qq.com</span>
            </div>
        </div>
        <div class="address">
            <img src="./assets/images/location.png" alt="">
            <span>广州市天河区珠江新城珠江西路高德置地D座15楼</span>
        </div>
    </div>

    <!-- footer -->
    <div class="footer">
        <ul>
            <li>
                <span class="glyphicon glyphicon-home"></span>
                <p>首页</p>
            </li>
            <li>
                <span class="glyphicon glyphicon-object-align-bottom"></span>
                <p>关于我们</p>
            </li>
            <li>
                <span class="glyphicon glyphicon-alert"></span>
                <p>风险评估</p>
            </li>
            <li>
                <span class="glyphicon glyphicon-user"></span>
                <p>用户中心</p>
            </li>
        </ul>
    </div>
</body>

</html>
<!-- jquery -->
<script src="./assets/js/jquery.min.js"></script>

<!-- bootstrap -->
<script src="./assets/js/bootstrap.min.js"></script>

<!-- less解析器 -->
<script src="./assets/js/less.min.js"></script>

<!-- 懒加载 -->
<script src="./assets/js/wow.min.js"></script>
<script>

    //懒加载初始化
    new WOW().init()
</script>